@import "../../_variables"




// BODY
//============================================
$body-bg                    : #ebeef0
$body-color					: #5f5f5f




// GENERAl COMPONENTS
//============================================
$state-active-bg            : #f77b5b
$state-active-color         : #fff




// NAVIGATION
//============================================
$mainnav-bg                 : #31404e
$mainnav-color              : lighten($mainnav-bg, 50%)
$mainnav-hover-color        : #fff
$mainnav-active-bg          : transparent
$mainnav-active-color       : #fff
$mainnav-active-state       : $state-active-bg




// NAVBAR & LOGO
//============================================
$navbar-bg                  : $state-active-bg
$navbar-color               : #fff
$brand-bg                   : transparent
$brand-bg-overlay           : $mainnav-bg
$brand-color                : $navbar-color
$brand-color-overlay        : $brand-color




// ASIDE
//============================================
$aside-dark-bg              : lighten($mainnav-bg,5%)
$aside-dark-color           : #fff
$aside-bright-bg            : #fff
$aside-bright-color         : #515151




// FOOTER
//============================================
$footer-bg                  : desaturate(darken($body-bg, 13%), 21%)
$footer-color               : $body-color




@import "../_themes"
